<!--<div class="layui-container">
	<div class="layui-row">
	<form action="" class="layui-form">
    <div class="layui-col-md12">
     
    </div>
    
    
    
	<div class="layui-col-md12">
	<div class="layui-container welcomeInfo">
		<div class="">
				<table class="layui-table welcomeInfo-table " lay-skin="nob" >
					<tbody>
						<tr>
							<td class="clearfix">
								<div class="welCome-warp fl warp">
									<img src="" alt="" />
								</div>
								<p class="fl welcomeTop-text">
									<span>Admin</span>你好，欢迎商脉宝后台管理系统
								</p>
							</td>
							
							
						</tr>
						<tr> 
							<td class="clearfix">
								<div class="welInfo-warp fl warp">
									<img src="" alt="" />
								</div>
								<p class="fl wel-text">
									新加入<span>XX</span>人
								</p>
								<p class="fl wel-text">
									<span>XX</span>人做了官网
								</p>
								<p class="fl wel-text">
									<span>XX</span>人有商品
								</p>
							</td>
							
						</tr>
						<tr>
							<td class="clearfix">
								<div class="welCom-warp fl warp">
									<img src="" alt="" />
								</div>
								<p class="fl wel-text">
									<span>XX</span>等待审核加入分会
								</p>
								<p class="fl wel-text">
									<span>XX</span>等待审核加入商圈
								</p>
							</td>
						</tr>
						<tr>
							<td>
								<p class="intor">希鸟科技提供技术支持</p>
							</td>
						</tr>
						
						
					</tbody>
				</table>
		</div>
	</div>
	</div>
	
	
	
	
    </form>
    
  </div>
</div>



<style scoped>
		.listBtns{
			margin-top: 20px;
			margin-bottom: 20px;
		}
		.intor{
			color: rgba(0,0,0,.6);
			line-height: 100px;
			text-align: left;
			padding-left: 100px;
		}
		.clearfix:after{
			content: :"";
			display: block;
			width: 100%;
			height: 0;
			clear: both;
		}
		.fl{
			float: left;
		}
		.fr{
			float: right;
		}
		.warp{
			width: 60px;
			height: 60px;
			border: #000000 solid 1px;
			border-radius: 50%;
			margin-right: 50px;
			position: relative;
			
		}
		.warp img{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		.welcomeTop-text{
			height: 60px;
			line-height: 60px;
			
		}
		.wel-text{
			height: 60px;
			line-height: 60px;
			margin-right: 100px;
		}
		.welcomeInfo{
			margin-left: 10px;
		}
		.welcomeInfo-table{
			padding-left: 30px;
			/*background-color: rgba(0,0,0,0);*/
		}
		.welcomeInfo-table tr>th{
			text-align: center;
			font-size: 12px;
		}
		.welcomeInfo-table tr>td{
			text-align: center;
			font-size: 12px;
		}
      	.block{
      		display: block;
      	}
      	.welcomeTop-btn{
      		width: 100%;
      		text-align: center;
      	}
      	.welcomeInfo{
      		margin-top: 20px;
      		margin-bottom: 30px;
      	}
      	.welcomeTop-btn button{
      		display: inline-block;
      		width: 200px;
      		border-radius: 5px;
      	}
      	.title{
      		margin-left: 30px;
      		margin-top: 30px;
      	}
      	.save-warp{
      		width: 100%;
      		text-align: center;
      		margin-top: 20px;
      	}
      	.save-warp button{
      		display: inline-block;
      		width: 160px;
      	}
      	.welcome-top{
      		display: flex;
      		justify-content: space-between;
      	}
      	.welcome-table{
      		background-color: rgba(0,0,0,0);
      	}
      	
      	
      </style>-->
      
      
      
    <div class="layui-col-xs12">
    <div class="layui-card">
    	<div class="layui-card-header">
      		<h2><span class="user"></span>你好，欢迎来到给予者联盟后台管理系统</h2>
      	</div>
      	<div class="layui-card-body clearfix">
      		<div class="all clearfix">
      			<div class="info-block fl">
      				<div class="title green">商脉圈</div>
			      	<p class="info">
			      		<a href="#/layui/memberList">
			      			<span class="clearfix">
			      				商脉圈会员数 <span class="fr rightText"><span class="memNum red"></span> 人</span>
			      			</span>
			      			
			      		</a>
			      	</p>
			      	<p class="info">
			      		<a href="#/layui/busiguanli">
			      			<span class="clearfix">
			      				商圈数<span class="fr rightText"><span class="busiNum red"></span> 个</span>
			      			</span>
			      			
			      		</a>
			      	</p>
			      	<p class="info">
			      		<a href="#/layui/fenhuiguanli">
			      			<span class="clearfix">
			      				分会数 <span class="fr rightText"><span class="fenhuiNum red"></span> 个</span>
			      			</span>
			      			
			      		</a>
			      	</p>
			      </div>
			      <!--<div class="info-block fl">
			      	<div class="title green">商品</div>
			      	<p class="info">
			      		<a href="#/layui/prodList">
			      			<span class="clearfix">
			      				商品总数 <span class="fr rightText"><span class="prodNum red"></span> 个</span>
			      			</span>
			      			
			      		</a>
			      	</p> 
			      	<p class="info">
			      		<a href="#/layui/prodList">
			      			<span class="clearfix">
			      				未上架 <span class="fr rightText"><span class="checkProd red"></span> 个</span>
			      			</span>
			      			
			      		</a>
			      	</p> 
			      	<p class="info">
			      		<a href="#/layui/prodList">
			      			<span class="clearfix">
			      				已上架 	<span class="fr rightText"><span class="checkedProd red"></span> 个
			      			</span>
			      		</a>
			      			</span>
			      			
			      	</p>
			      </div>-->
			      <!--<div class="info-block fl">
			      	<div class="title green">官网</div>
			      	<p class="info">
			      		<a href="#/layui/webManage">
			      			<span class="clearfix">
			      				官网数量 <span class="fr rightText"><span class="webNum red"></span> 个</span>
			      			</span>
			      			
			      		</a>
			      	</p>
			      </div>-->
			      
			      <div class="info-block fl">
			      	<div class="title green">会员</div>
			      	<p class="info">
			      		<a href="#/layui/memberList?type=0">
			      			<span class="clearfix">
			      				平台会员数量 <span class="fr rightText"><span class="allMemNum red"></span> 个</span>
			      			</span>
			      			
			      		</a>
			      		
			      	</p>
			      	<p class="info">
			      		<a href="#/layui/memberList?type=1">
			      			<span class="clearfix">
			      				近期新增会员 <span class="fr rightText"><span class="yesMemNum red"></span> 个</span>
			      			</span>
			      			
			      		</a>
			      	</p>
			      	<p class="info">
			      		<a href="#/layui/memberList?type=2">
			      			<span class="clearfix">
			      				即将过期会员 <span class="fr rightText"><span class="pastMemNum red"></span> 个</span>
			      			</span>
			      			
			      		</a>
			      	</p>
			      </div>
			      
			      <div class="info-block fl">
			      	<div class="title green">分会审核列表</div>
			      	<p class="info">
			      		<a href="#/layui/fenhuiCheckList">
			      			<span class="clearfix">
			      				正在审核 <span class="fr rightText"><span class="fenhuiCheckNum red"></span> 个</span>
			      			</span>
			      			
			      		</a>
			      	</p>
			      </div>
			      
			      <div class="info-block fl">
			      	<div class="title green">商圈审核列表</div>
			      	<p class="info">
			      		<a href="#/layui/busiCheckList">
			      			<span class="clearfix">
			      				正在审核 <span class="fr rightText"><span class="busiCheckNum red"></span> 个</span>
			      			</span>
			      			
			      		</a>
			      	</p>
			      </div>
      		</div>
		      
      	</div>
      </div>
      
      <style scoped>
      	.info{
      		margin-top: 8px;
      		
      	}
      	
      	.title{
      		width: 100%;
      		height: 40px;
      		position: absolute;
      		/*top: 20px;*/
      		top: 0px;
      		/*left: -5px;*/
      		left: 0;
      		text-align: center;
      		/*border-bottom-right-radius:5px;
      		border-top-right-radius:5px;*/
      		color: white;
      		/*padding-left: 20px;*/
      		padding-top: 13px;
      		
      		/*box-shadow: 2px 2px 2px #808080;*/
      	}
      	.blue{
      		background-color: #007DDB;
      	}
      	.rightText{
      		text-align: right;
      		margin-right: 30px;
      	}
      	.green{
      		background-color: #009688;
      	}
      	.redbg{
      		background-color: #AA1111;
      	}
      	.all{
      		height: 500px;
      	}
      	.fl{
      		float: left;
      	}
      	.clearfix::after{
      		content: :"";
      		display: block;
      		clear: both;
      		width: 100%;
      		height: 0;
      	}
      	.info-block{
      		padding-top: 70px;
      		padding-left: 20px;
      		margin-top: 10px;
      		width: 220px;
      		height: 320px;
      		border: 1px solid #A2A2A2;
      		display: inline-block;
      		position: relative;
      		margin-right: 50px;
      		box-shadow: 5px 5px 8px #808080;
      		transition: box-shadow 0.2s;
      	}
      	.info-block:hover{
      		box-shadow: 8px 8px 10px #808080;
      		transition: box-shadow 1s;
      	}
      	.red{
      		color: red;
      	}
      	
      	
      </style>
      
      
      
      
    </div>


	<script type="text/javascript">
		let user = document.querySelector(".user")
		user.innerText = localStorage.getItem("user");
		let memNum = document.querySelector(".memNum");
		let yesMemNum = document.querySelector(".yesMemNum");
		let pastMemNum = document.querySelector(".pastMemNum");
		let fenhuiNum = document.querySelector(".fenhuiNum");
		let busiNum = document.querySelector(".busiNum");
		let prodNum = document.querySelector(".prodNum");
		let checkProd = document.querySelector(".checkProd");
		let checkedProd = document.querySelector(".checkedProd");
		let webNum = document.querySelector(".webNum");
		let fenhuiCheckNum = document.querySelector(".fenhuiCheckNum");
		let busiCheckNum = document.querySelector(".busiCheckNum");
		let allMemNum = document.querySelector(".allMemNum");
		
		DBHelper.Get("Admin_Xn_Member",function(data){
			console.log(data)
			memNum.innerText = data.length;
		},function(data){
			console.log(data)
		})
		
		DBHelper.Post("Filtrate_Xn_Circle",{
			CategoryId: 2,
			CurrentPage: 1,
			PageSize: 100,
			RankGuid: ""
		},function(data){
			console.log(data._Data)
			busiNum.innerText = data._Data.length;
		},function(data){
			console.log(data)
		})
		
		DBHelper.Post("Filtrate_Xn_Circle",{
			CategoryId: 1,
			CurrentPage: 1,
			PageSize: 100,
			RankGuid: ""
		},function(data){
			console.log(data._Data)
			fenhuiNum.innerText = data._Data.length;
		},function(data){
			console.log(data)
		})
		
		
		DBHelper.Get("Admin_Xn_Member",function(data){
			console.log(data,"会员数量");
			allMemNum.innerHTML = data.length;
//			let day = new Date();
//			
////			一个月后
//			let day2 = new Date(day);
//			day2.setDate(day.getDate()+30);
////			console.log("day2",(day2-day)/(1000*60*60*24))
//			console.log("年"+day.getFullYear()+"月"+day.getMonth()+"日"+day.getDate())
//			let yesArr = [];
////			即将过期会员数组
//			let pastArr = [];
////			过期时限,这里设置为30天
//			let pastTime = 1000*60*60*24*30;
//			let year = day.getFullYear();
//			let month = day.getMonth();
//			let days = day.getDate();
//			data.forEach((item,index)=>{
//				let d = new Date(item.CreateTime)
//				if(d.getFullYear()==year&&d.getMonth()==month&&d.getDate()==days-1){
//					console.log(d.getDate(),"日")
//					yesArr.push(item)
//				}
//				let pastD = new Date(d);
//				pastD.setFullYear(pastD.getFullYear()+1);
//				if(pastD-day2<=pastTime){
//					console.log(d.getDate(),"即将过期")
//					pastArr.push(item)
//				}
//				
//			})
//			yesMemNum.innerText = yesArr.length;
//			pastMemNum.innerText = pastArr.length;
		},function(data){
			console.log(data)
		}) 	
		
//		新增会员
		DBHelper.Postp("Filtrate_Xn_Member",{
			"PageSize": "1000",
			"CurrentPage": "1",
			"MemLoginId": "",
			"RealName": "",
			"Mobile": "",
			"RankGuid": "",
			"FiltrateTimeType":1
		},function(data){
			console.log(data,123456)
			yesMemNum.innerText = data.TotalCount;
		},function(data){
			console.log(987456)
		})
		
//		即将过期会员
		DBHelper.Postp("Filtrate_Xn_Member",{
			"PageSize": "1000",
			"CurrentPage": "1",
			"MemLoginId": "",
			"RealName": "",
			"Mobile": "",
			"RankGuid": "",
			"FiltrateTimeType":2
		},function(data){
			console.log(data,123456)
			pastMemNum.innerText = data.TotalCount;
		},function(data){
			console.log(987456)
		})
		
		DBHelper.Post("Filtrate_Xn_Product",{
			CurrentPage: 1,
			IsAudit: 2,
			PageSize: 100
		},function(data){
			console.log(data._Data)
			prodNum.innerText = data._Data.length;
		},function(data){
			console.log(data)
		})
		
		DBHelper.Post("Filtrate_Xn_Product",{
			CurrentPage: 1,
			IsAudit: 0,
			PageSize: 100
		},function(data){
			console.log(data._Data)
			checkProd.innerText = data._Data.length;
		},function(data){
			console.log(data)
		})
		
		DBHelper.Post("Filtrate_Xn_Product",{
			CurrentPage: 1,
			IsAudit: 1,
			PageSize: 100
		},function(data){
			console.log(data._Data)
			checkedProd.innerText = data._Data.length;
		},function(data){
			console.log(data)
		})
		
		DBHelper.Post("Filtrate_Xn_Website",{
			CurrentPage: 1,
			IsAudit: 2,
			PageSize: 100
		},function(data){
			console.log(data._Data)
			webNum.innerText = data._Data.length;
		},function(data){
			console.log(data)
		})
		
		DBHelper.Post("Filtrate_Xn_CircleMember",{
			CurrentPage: 1,
			IsAudit: 0,
			CircleCategoryId:1,
			PageSize: 100
		},function(data){
			console.log(data._Data,"分会审核列表")
			fenhuiCheckNum.innerText = data._Data.length;
		},function(data){
			console.log(data)
		})
		
		DBHelper.Post("Filtrate_Xn_CircleMember",{
			CurrentPage: 1,
			IsAudit: 0,
			CircleCategoryId:2,
			PageSize: 100
		},function(data){
			console.log(data._Data,"商圈审核列表")
			busiCheckNum.innerText = data._Data.length;
		},function(data){
			console.log(data)
		})
		
	</script>